﻿var flag = true;
var isCheck;
var allCheck;

$(document).ready(function () {
    
    $('#myTable').DataTable({
        pageLength: 10,//首次加载的数据条数
        columnDefs: [{
            orderable: false,//禁用排序
            targets: [0, 0]   //指定的列
        }],
        "searching": true,
        "bPaginate": true, //翻页功能  
        "bLengthChange": true, //改变每页显示数据数量  
        "bFilter": true, //过滤功能  
        "bSort": true, //排序功能  
        "bInfo": true,//页脚信息  
        "bAutoWidth": true,//自动宽度 
        "oLanguage": {
            "sLengthMenu": "_MENU_ 条/页",
            "sZeroRecords": "抱歉， 没有找到",
            "sInfo": "显示第_START_至_END_项结果，共_TOTAL_条数据",
            "sInfoEmpty": "没有数据",
            "sInfoFiltered": "(从 _MAX_ 条数据中搜索)",
            "sZeroRecords": "没有该数据",
            "sLoadingRecords": "载入中...",
            "sSearch": "搜索:",
            "oPaginate": {
                "sFirst": "首页",
                "sPrevious": "前一页",
                "sNext": "后一页",
                "sLast": "末页"
            }
        }
    });
});

function clickShowAndHide(obj, str, id) {
    console.log(id);
    if (!($("#" + id).length>0)) {
        $(obj).parents("tr").after("<tr id=" + id + "><td colspan='5' id='collapse"+id+"' class='collapse'><pre>" + str + "<pre></td><tr>");
        document.getElementById("Btn" + id).innerHTML = "正文内容";
    };
    if (document.getElementById("Btn" + id).innerHTML == "正文内容") {
        $("#" + id).removeClass("hidden");
        $("#Btn" + id).text("隐藏");
    }
    else {
        $("#" + id).addClass("hidden");
        $("#Btn" + id).text("正文内容");
    }
    console.log("click2");
    //$("td.hide").remove();
}

$('#myTable tbody').on('click', 'a.delete', function (e) {
    e.preventDefault();
    if (confirm("确定删除该项？")) {
        var table = $('#demo').DataTable();
        table.row($(this).parents('tr')).remove().draw();
    }

});
$(document).on("click", "#tr1", function () {
        if ($(this).hasClass("bgGrey")) {
            $(this).removeClass("bgGrey").find(":checkbox").prop("checked", false);
        }
        else {
            $(this).addClass("bgGrey").find(":checkbox").prop("checked", true);
        }
});
$(document).on("click", "#myCheckAll", function () {
    if (!$("#tb tr").hasClass("bgGrey")) {
        $("input[name='myCheck']").prop("checked", true);
        $("#tb tr").each(function () {
            $("#tb tr").addClass("bgGrey");
        });
    }
    else {
        $("input[name='myCheck']").prop("checked", false);
        $("#tb tr").each(function () {
            $("#tb tr").removeClass("bgGrey");
        });
    }
});

//function checkAllClick() {
//    if (!$("#myCheckAll").checked) {
//        $("#myCheckAll").prop("checked", true);
//        $("input[name='myCheck']").prop("checked", true);
//        $("#tb tr").each(function () {
//            $("#tb tr").addClass("bgGrey");
//        });
//        console.log("123");
//    }
//    else {
//        $("#myCheckAll").prop("checked", false);
//        $("input[name='myCheck']").prop("checked", false);
//        $("#tb tr").each(function () {
//            $("#tb tr").removeClass("bgGrey");
//        });
//        console.log("234");
//    }
//}

function DeleteTable() {
    var container = document.getElementsByClassName("myContainer");
    var tb = document.getElementById("tb");
    allCheck = document.getElementsByClassName("myCheck");
    for (var i = 0; i < allCheck.length; i++) {
        if (allCheck[i].checked) {
            //                    allCheck[i].style.display="none";
            //                    allCheck[i].parentNode.removeChild(allCheck[i]);
            //                    tb.removeChild(allCheck[i]);

            tb.deleteRow(i);
        }
    }
}
